body { text-align: center; font-family:"微软雅黑", arial;margin:0; padding:0; font-size:14px; color:#333;}
div,form,img,ul,ol,li,dl,dt,dd,p{margin: 0; padding: 0; border: 0;text-align: left;box-sizing:border-box;}
li{list-style-type:none;}
img{vertical-align:top;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;font-size:12px; font-weight:normal;}

a{text-decoration: none;color: #333}
a:hover {color: #bc2931;}
input.solt{width: 80px;}
input.mel{width: 180px;}
input.long{width: 280px;}
input.slong{width: 480px;}

body,html{width: 100%;height: 100%;background-color: #efefef;}
#app {width: 100%;height: 100%;}
.warpBg{width: 100%;height: 100%;}
.main{margin-left: 210px;padding-top: 64px;padding-right:10px }
.main .info{background: #fff;border-radius: 6px;padding: 10px;overflow: hidden;}
.header{width: 100%;height: 58px;border-bottom: 2px solid #c40000;background: #2a2a2a;position:absolute;top: 0;left: 0;text-align: center;line-height: 58px;color: #fff;font-size: 20px;}
.header span{float: right;margin-right: 20px;font-size: 14px;background: url('/static/images/logo.png') center left no-repeat;background-size: 26%;padding-left: 40px;}
.header a{color: #fff;cursor: pointer;}

.leftList{width: 200px;float: left;height: 100%;background: #1f2124;padding-top: 54px;border-right: #ddd solid 1px;color: #ccc}
.leftList .item p{background: #18191b;line-height: 2.4;font-size: 15px;text-indent: 36px;margin: 6px 0;position: relative;}
.leftList .item i{width: 14px;height: 14px;background: url('/static/images/navList.png');background-size: 100%;display:inline-block;position: absolute;left: 16px;top: 12px;}
.leftList .item a{text-indent: 36px;line-height: 2;display: block;color: #ccc}
.leftList .item a:hover{color: #c40000}
.leftList .item a.active{background: #c40000}

.login{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background:rgba(227,224,224,1);}
.login .info{width: 300px;background: #fff;border: #ddd solid 1px;margin: auto;margin-top: 20%;border-radius: 8px;padding: 20px;}
.login .info input{width: 240px;height: 30px;border: #ddd solid 1px;padding: 4px 10px;margin-bottom: 20px;border-radius: 4px;color: #333}
.login .info button{width: 260px;height: 40px;border: #41b3a1 solid 1px; background:#74d2c7; background:-moz-linear-gradient(top, #74d2c7, #41b3a1);  background:-webkit-gradient(linear, 0 0, 0 bottom, from(#74d2c7), to(#41b3a1));  
background:-o-linear-gradient(top, #74d2c7, #41b3a1);color: #fff;font-size: 18px;cursor: pointer;border-radius: 4px;}

.listInfo .logo{width: 30px;height: 30px;}
.listInfo .txtLeft{text-align: left;text-indent: 10px;}
.listInfo{width: 100%;text-align: center;border-collapse: collapse;}
.listInfo td{border: #ddd solid 1px;padding: 4px;}
.listInfo a{cursor: pointer;margin: 4px;}

.title{background: #ddd;font-size: 18px;line-height: 1.6;text-indent: 10px;}
.formBox{background: #fff;padding: 20px 10px;border-radius: 6px;}
.formBox p{margin-top: 10px;overflow: hidden;}
.formBox p .name{width: 100px;display: inline-block;font-size: 14px;text-align: right;padding-right: 10px;float: left;line-height: 36px;}
.formBox input{border-radius: 4px;border: 1px solid #ddd;color: #1f2d3d;height: 26px;line-height: 1;padding: 3px 10px;font-size: 14px;}
.formBox select{border-radius: 4px;border: 1px solid #ddd;color: #1f2d3d;height: 36px;line-height: 1;padding: 3px 10px;font-size: 14px;}
.formBox textarea{border-radius: 4px;border: 1px solid #ddd;color: #1f2d3d;width: 480px;height: 60px;line-height: 1;padding: 10px;font-size: 14px;}
.formBox .inputBox{padding-left: 110px;}
.formBox .inputBox button{margin-right: 10px;width: 120px;height: 40px;cursor: pointer;}
.formBox .textarea{width: 800px;float: left}
.formBox img{width: 200px;height: 200px;border: #ddd solid 1px;}
.formBox .ql-editor{min-height: 200px;}
.ql-toolbar.ql-snow .ql-formats{margin-right: 0}

/*分页*/
.pageList{float: right;margin:10px; }


/*加载中*/
.allLoad{width: 100%;height: 100%;background: rgba(255,255,255,0.4);position: fixed;top: 0;left: 0}
.spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
 
.container1 > div, .container2 > div, .container3 > div {
  width: 10px;
  height: 10px;
  background-color: #67CF22;
 
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
 
.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
 
.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
 
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
 
.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
 
.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
 
.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
 
.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
 
.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
 
.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
 
.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
 
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
 
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}


